<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>统一地图平台API</title>
    <meta name="keywords" content="统一地图平台api">
    <meta name="description" content="统一地图平台api">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <link href="./../script/api.css" rel="stylesheet">
</head>

<body class="restdemo-page">
    <div class="page_wrapper">
        <div data-tpl="" class="content-sidebar has_right">
            <div class="content">
                <div class="crumbs">
                    您现在的位置：
                    <a>开发</a> &gt;
                    <a>地图JS API</a> &gt;
                    <a>通用查询</a></div>
                <article>
                    <h1 class="title">
                        属性查询
                        <span class="update-time">最后更新时间: 2020年04月30日</span>
                    </h1>
                    <div>
                        <div class="md-container">
                            <p>属性查询用于实现对Arcgis和Geoserver的矢量要素服务的基于属性值过滤的查询。支持分页查询，显示要素，高亮要素，要素定位，清除要素，清除高亮要素，弹窗查看属性信息等功能
                            </p>
                            <p>获取查询服务对象</p>
                            <div class="md-demo-code-wrapper">
                                <div class="md-demo-code-header"><a class="active">JavaScript</a></div>
                                <div class="md-demo-code-content">
                                    <div class="md-demo-code-content-item active">
                                        <pre><code class="js hljs javascript">
    map.Factory.SimpleSearch("AttributeSearch",function(obj){
        // obj为AttributeSearch类。
        //1.初始化
        obj.init('geoserver', {
            infoTemplateId: "search_key_tem",//弹窗模板ID
        });
        //2.执行查询
        obj.search({
            baseUrl: 'http://129.211.11.95:8066/geoserver/itfeer/wfs',
            layerName: 'jtjs_jc_xiang_pt',
            where: "objectid > 126",
        }, (res) => {
            //输出查询数据
            console.log(res);
        })
    }); 
                                        </code></pre>
                                    </div>
                                </div>
                            </div>
                            <h2>方法</h2>
                            <div class="md-atomic">
                                <div class="table-container" style="width:100%;">
                                    <table class="md-table">
                                        <tbody>
                                            <tr>
                                                <th>
                                                    <p>方法名</p>
                                                </th>
                                                <th>
                                                    <p>方法说明</p>
                                                </th>
                                                <th>
                                                    <p>参数</p>
                                                </th>
                                                <th>
                                                    <p>返回值</p>
                                                </th>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>init</p>
                                                </td>
                                                <td>
                                                    <p>初始化</p>
                                                </td>
                                                <td>
                                                    <p>type: string 类型 arcgis | geoserver</p>
                                                    <p>option: Object, 属性查询参数</p>
                                                    <p>{
                                                        clickEvent?: Function,//点击弹窗事件
                                                        infoTemplateId?: string,//弹窗document模板的ID
                                                        }</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>search</p>
                                                </td>
                                                <td>
                                                    <p>查询</p>
                                                </td>
                                                <td>

                                                    <p>1.option: Object, 属性查询参数</p>
                                                    <p>{</p>
                                                    <p>baseUrl: string, 查询服务地址</p>
                                                    <p>layerName: string, 图层名</p>
                                                    <p>where: string, 属性查询条件</p>
                                                    <p> queryFields?: string, 返回的属性字段</p>
                                                    <p> geometryField?: string, 指定空间信息字段</p>
                                                    <p>inExtent?: boolean, 是否在当前视野范围内</p>
                                                    <p> extent?: { xmin: number, ymin: number, xmax: number, ymax:
                                                        number } 范围 </p>
                                                    <p> }</p>
                                                    <p>2.success?: Function 查询成功回调函数</p>
                                                    <p>3.fail?: Function 查询失败回调函数</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>showFeatures</p>
                                                </td>
                                                <td>
                                                    <p>地图上展示当前查询页的所有要素</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>localByBounds</p>
                                                </td>
                                                <td>
                                                    <p>对当前所查询返回的结果进行定位</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>localByCenter</p>
                                                </td>
                                                <td>
                                                    <p>根据当前某一个要素进行定位</p>
                                                </td>
                                                <td>
                                                    <p>feature: Ojecct 属性查询返回的结果列表中的一条记录对象</p>
                                                    <p>option?: Object 定位的地图级别</p>
                                                    <p>{
                                                    <p> zoom?: number 缩放地图级别</p>
                                                    <p> pitch?: number, // 抛物角度</p>
                                                    <p> bearing?: number, // 罗盘方向</p>
                                                    <p> speed?: number // 飞行速度</p>
                                                    <p>}</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>highlight</p>
                                                </td>
                                                <td>
                                                    <p>高亮当前的要素</p>
                                                </td>
                                                <td>
                                                    <p>feature: Ojecct 属性查询返回的结果列表中的一条记录对象</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>clearHighlightMarker</p>
                                                </td>
                                                <td>
                                                    <p>清除高亮</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>info</p>
                                                </td>
                                                <td>
                                                    <p>信息弹窗</p>
                                                </td>
                                                <td>
                                                    <p>1.feature: Ojecct 属性查询返回的结果列表中的一条记录对象 </p>
                                                    <p>2.option: Object 弹窗参数 </p>
                                                    <p>{</p>
                                                    <p> offset: [number, number] 弹窗点偏移</p>
                                                    <p> closeEvent?: Function // 关闭事件</p>
                                                    <p> openEvent?: Function // 打开事件</p>
                                                    <p>}</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>clear</p>
                                                </td>
                                                <td>
                                                    <p>清除所有要素展示</p>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>setPageSize</p>
                                                </td>
                                                <td>
                                                    <p>设置查询分页大小</p>
                                                </td>
                                                <td>
                                                    <p>size: number 默认为5</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>setPageIndex</p>
                                                </td>
                                                <td>
                                                    <p>设置分页索引并且重新查询数据</p>
                                                </td>
                                                <td>
                                                    <p>pageIndex: number</p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>resetData</p>
                                                </td>
                                                <td>
                                                    <p>重置查询结果</p>
                                                </td>
                                                <td>
                                                    <p></p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>prePage</p>
                                                </td>
                                                <td>
                                                    <p>上一页</p>
                                                </td>
                                                <td>
                                                    <p></p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>nextPage</p>
                                                </td>
                                                <td>
                                                    <p>下一页</p>
                                                </td>
                                                <td>
                                                    <p></p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>firstPage</p>
                                                </td>
                                                <td>
                                                    <p>首页</p>
                                                </td>
                                                <td>
                                                    <p></p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <p>lastPage</p>
                                                </td>
                                                <td>
                                                    <p>尾页</p>
                                                </td>
                                                <td>
                                                    <p></p>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        </div>
    </div>
</body>

</html>